/* ========== */
/* = HOME = */
/* ========== */
.theme-center{ text-align: center;}
.theme-center span{ display: block; font-size: 36px; color: #000000; letter-spacing: 3px;}
.theme-center h2{ display: block; font-size: 36px; color: #000000; letter-spacing: 3px;}
.theme-center p{ margin-top: 8px; font-size: 18px; color: #999999; text-transform: uppercase;}
.tab-div{ margin-top: 30px; text-align: center;}
.tab-div span,
.tab-div a{ position: relative; display: inline-block; padding: 0 35px; font-size: 18px; position: relative; cursor: pointer;}
.tab-div span:after,
.tab-div a:after{ content: ""; position: absolute; top:50%; right:0; width: 1px; height: 24px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: rgba(0,0,0,.2); }
.tab-div span.active,
.tab-div a.active{ color: #1a7f95; }
.tab-div span:last-child:after,
.tab-div a:last-child:after{ display: none;}
.more-button{ border:1px solid #999999; display: inline-block; padding: 12px 40px; font-size: 16px; border-radius: 4px;}
.more-button:hover{ border: 1px solid #1a7f95; color: #FFFFFF; background: #1a7f95;} 

.banner .swiper-button-prev{ background-image: url(../image/banner_prev.png);}
.banner .swiper-button-next{ background-image: url(../image/banner_next.png);}

.home-formbox{ position: relative; z-index: 2;}
.home-formbox .formbox{ position: absolute; left:0; width: 100%;transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.home-formbox .content{ background: #FFFFFF; padding: 40px 50px; }
.home-formbox .tit{ position: relative; font-size: 30px; color: #1a7f95; letter-spacing: 3px; font-weight: 600;}
.home-formbox .tit img{ position: absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.home-formbox .con{  margin-top: 30px; display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch;}
.home-formbox .con .in{ width: 20%; border: 1px solid #eeeeee; height: 60px; background: #F8F8F8; padding-left:52px; position:relative; padding-right: 10px; color: #333333; border-radius: 5px;}
.home-formbox .con .in input{ width: 100%; height: 58px; line-height:30px; padding:12px 0; background: none; border: none;}
.home-formbox .con .in i{ position: absolute; top:50%; left:10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 35px; height: 35px; background-size: cover;}
.home-formbox .con .in .ico-01{ background-image: url(../image/foot_form_01.png);}
.home-formbox .con .in .ico-02{ background-image: url(../image/foot_form_02.png);}
.home-formbox .con .in .ico-03{ background-image: url(../image/foot_form_03.png);}
.home-formbox .con .in .ico-04{ background-image: url(../image/foot_form_04.png);}
.home-formbox .con .in:nth-child(2){ padding-right: 70px;}
.home-formbox .con .in:nth-child(2) span{ position: absolute; top:0; right:20px; line-height: 54px; font-size: 18px; color: #999999;}
.home-formbox .con .in:nth-child(4){ padding-right:60px;}
.home-formbox .con .in:nth-child(4) span{ position: absolute; top:0; right:20px; line-height: 54px; font-size: 14px; color: #1a7f95; cursor: pointer;}
.home-formbox .con .button{ width:17%; color: #FFFFFF; line-height: 60px; background: #1a7f95; font-size: 18px; border-radius: 5px;}

.home-about{ background: #f8f8f8; }
.home-about .container{  display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch; }
.home-about .left{ padding:200px 0 20px; width: 39%; position: relative; z-index: 1;}
.home-about .left .theme-center{ text-align: left;}
.home-about .left .img { margin-top: 30px;}
.home-about .left .img img{ width: 100%;}
.home-about .right{ padding:170px 0 20px; margin-left: -5%; width: 66%;  padding-left: 10%;}
.home-about .right .theme-center{ text-align: left;}
.home-about .right .des{ margin-top: 40px; font-size: 16px; line-height: 32px; color: #222222; text-align: justify;}
.home-about .right ul{ margin-top: 30px;  display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch; text-align: center; color: #222222;}
.home-about .right .button a{ margin-top: 42px; margin-right: 10px; }

.home-case{  padding-top: 80px; position: relative;}
.home-case .letter{ position: absolute; top:10%; right:18%; font-size: 200px; font-weight:600; color: rgba(0,0,0,.05); text-transform: uppercase; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin:right top; -webkit-transform-origin:right top;}
.home-case .js-tab-box{ margin-top: 30px;}
.home-case .js-tab-con{ display: none;}
.home-case .js-tab-con.active{ display:block;}
.home-case ul{  display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch;}
.home-case li{ margin-top:40px; width: 33.33%; padding: 0 2px;}
.home-case li .box{ position: relative;}
.home-case li .box .img{ position: relative; text-align: center;}
.home-case li .box .img img{ width: 100%;}
.home-case li .box .img:before{ display: none; content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 0;}
.home-case li .box .img:after{ display: none; content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background-image: url(../image/ico_case_bk.png); background-size: cover;}
.home-case li .box .pop{ position: absolute; z-index: 2; top:0; left:0; width: 100%; height: 100%;  display: flex; flex-flow: wrap; justify-content: space-between; align-items:center; display: none;} 
.home-case li .box .pop .con{ width: 100%; color: #FFFFFF; padding: 0 7%;}
.home-case li .box .pop .con .tit{ font-size: 30px; border-bottom: 1px solid rgba(255,255,255,.5); padding-bottom: 20px;}
.home-case li .box .pop .con .tip{ font-size: 16px; margin-top: 28px;}
.home-case li .box .pop .con .tip span{ display: inline-block; margin: 0 10px; opacity: .8;} 
.home-case li .box .pop .con .more{ margin-top: 40px; display: inline-block; padding-right: 30px; position: relative; font-style: normal; font-size: 18px;}
.home-case li .box .pop .con .more:after{ content: ""; position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right:0; width: 24px; height: 24px; background-image: url(../image/ico_more_white.png); background-size: cover;} 
.home-case li .box .text{ margin-top: 15px; padding: 0 1px;  display: flex; flex-flow: wrap; justify-content: space-between; align-items:center; color: #000000; font-size: 18px;} 
.home-case li .box .text span{ display: inline-block; padding-left: 10px; position: relative;}
.home-case li .box .text span:before{content: ""; position: absolute; top:50%; left:0;  transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 2px; height: 18px; background: #1a7f95;}
.home-case li .box .text i{ font-style: normal;}
.home-case li .box:hover .img:after,
.home-case li .box:hover .img:before{ display: block;}
.home-case li .box:hover .pop{ display: flex;}
.home-case li .box:hover .text{ color: #1a7f95;}

 
.home-service{ padding: 80px 0 50px; background-image: url(../image/home_service_bg.jpg);}
.home-service .content{ border-top: 1px solid rgba(0,0,0,.2); margin-top: 40px; padding-top: 55px;}
.home-service .content ul{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch;}
.home-service .content li{ width: 10.5%; background: #f8f8f8; height: 240px; background-size: cover; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center; position: relative; text-align: center; -webkit-transition: all ease .3s; transition: all ease .3s;}
.home-service .content li .bg{ position: absolute; top:0; left:0; width: 0; height: 100%; } 
.home-service .content li:after{ content: ""; position: absolute; top:0 ;left:0; width: 100%; height: 100%; z-index: 0; background: #f8f8f8;}
.home-service .content li .box{ position: relative; z-index: 1; display: block;  width: 100%;}
.home-service .content li .box img{ display: inline-block; margin: 0;}
.home-service .content li .box img:nth-child(2){ display: none; border: 1px solid rgba(255,255,255,.5); border-radius: 100%; overflow: hidden;}
.home-service .content li .box img:nth-child(1){ display: inline-block;}
.home-service .content li .box .line{ display: block; margin:10px auto 30px; width: 25px; height: 1px; background:#1a7f95;}
.home-service .content li .box p{ color: #000000; font-size: 18px;}
.home-service .content li.active{ display: block; width: 35%; padding: 30px; position: relative; text-align: left;}
.home-service .content li.active:after{ display: none;}
.home-service .content li.active .bg{ width: 100%;}
.home-service .content li.active .box img:nth-child(1){ display: none;}
.home-service .content li.active .box img:nth-child(2){ display: inline-block;}
.home-service .content li.active .box .line{display: none;}
.home-service .content li.active .box  p{ margin-top: 70px; color:#FFFFFF; font-size: 18px;}

.home-process{ padding: 60px 0 60px; position: relative;}
.home-process ul{ margin-top: 35px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:flex-start; padding: 0 2%; position:relative;}
.home-process ul:before{ content: ""; position: absolute; top:102px; left:0; width: 100%; border-bottom: 1px solid #DDDDDD;}
.home-process li{ padding:20px 0; width:10%; text-align: center; position: relative; z-index: 1;}
.home-process li .ico{ width: 60px; margin: 0 auto; position: relative;}
.home-process li .ico span{ display: inline-block; border-radius: 100%; overflow: hidden;}
.home-process li .ico span:nth-child(1){ background: #f8f8f8;}
.home-process li .ico span:nth-child(2){ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); opacity: 0; position: absolute; top:0; left:0; background: #1a7f95;}
.home-process li i{ margin-top: 10px; font-style: normal; display: inline-block; padding:0 10px; background: #FFFFFF;}
.home-process li p{ margin-top: 23px; font-size: 16px; color: #000000;}
.home-process li:hover{ background: #FFFFFF; -webkit-box-shadow:0 5px 20px rgba(0,0,0,.15); box-shadow:0 5px 20px rgba(0,0,0,.15);}
.home-process li:hover .ico span:nth-child(1){ opacity:0; transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); }
.home-process li:hover span:nth-child(2){ opacity: 1; transform: rotateY(0); -webkit-transform: rotateY(0); }

.home-philosophy{ padding: 75px 0 100px; background-image: url(../image/home_philosophy_bg.jpg);}
.home-philosophy .theme-center { text-align: left;}
.home-philosophy .theme-center span{ display: inline-block;}
.home-philosophy .theme-center p{ margin-left: 20px; display: inline-block;}
.home-philosophy ul{ margin-top: 30px; width: 60%;  display: flex; flex-flow: wrap;  justify-content: space-between; align-items:flex-start;}
.home-philosophy li{ margin-top:40px; width: 45%; margin-right: 5%;}
.home-philosophy li:nth-child(2n){ margin-right: 0;}
.home-philosophy li span{ display: block; padding-bottom: 10px; position: relative; font-size: 24px; color: #000000;}
.home-philosophy li span:after{ content: ""; position: absolute; bottom: 0; left:0; width: 120px; height: 1px; background: #83b6c2;}
.home-philosophy li p{ margin-top: 10px; font-size: 16px; line-height: 24px; }

.home-news{ padding: 25px 0 60px; position: relative;}
.home-news .letter{ position: absolute; top:150px; left:-20px; font-size: 260px; font-weight:600; color: rgba(0,0,0,.05); text-transform: uppercase;}
.home-news .js-tab-box{ margin-top: 50px; position: relative; z-index: 1;}
.home-news .js-tab-con{ display: none; }
.home-news .js-tab-con.active{ display: block;}
.home-news .content{  display: flex; flex-flow: wrap;  justify-content: space-between; align-items:flex-start;}
.home-news .content .box{ width: 33%;}
.home-news .content .box span{ font-size: 20px; color: #333333; display:block; position: relative;}
.home-news .content .box span:after{ content: ""; position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 0; width: 30px; height: 30px; background-image: url(../image/ico_arrows.png); background-size: cover;}
.home-news .content .box .tit{ margin-top: 10px; font-size: 20px; color: #222222;}
.home-news .content .box .des{ margin-top: 15px; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden;}
.home-news .content .box .img{ margin-top: 28px;}
.home-news .content .box .img img{ width: 100%;}
.home-news .content .box:hover .tit{ color: #1a7f95;}
.home-news .content ul{ width: 62%; border-top: 1px solid #dddddd;} 
.home-news .content li a{ padding: 24px 75px 24px 0; display: block; position: relative; border-bottom: 1px solid #dddddd;}
.home-news .content li span{ display: block; font-size: 20px; color: #222222;}
.home-news .content li p{ margin-top: 15px; font-size: 16px;}
.home-news .content li .date{ position:absolute; right:0; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 70px; text-align: center; text-overflow: ellipsis; white-space: nowrap;}
.home-news .content li .date i{ display: block; font-style: normal; font-size: 20px; color: #333333;}
.home-news .content li .date em{ margin-top: 10px; display: inline-block; width: 30px; height: 30px; background-image: url(../image/ico_arrows.png);}
.home-news .content li a:hover span{ color: #1a7f95;}
.home-news .content li a:hover .date i{ color: #1a7f95;}

.home-news .list li{ float: left; width: 48%; margin-right: 4%; }
.home-news .list li:nth-child(2n){ margin-right:0; }
.home-news .list li a{ padding: 40px 75px 40px 0; display: block; position: relative; border-bottom: 1px solid #dddddd;}
.home-news .list li span{ display: block; font-size: 20px; color: #222222;}
.home-news .list li p{ margin-top: 15px; font-size: 16px;}
.home-news .list li .date{ position:absolute; right:0; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 70px; text-align: center; text-overflow: ellipsis; white-space: nowrap;}
.home-news .list li .date i{ display: block; font-style: normal; font-size: 20px; color: #333333;}
.home-news .list li .date em{ margin-top: 10px; display: inline-block; width: 30px; height: 30px; background-image: url(../image/ico_arrows.png);}
.home-news .list li a:hover span{ color: #1a7f95;}
.home-news .list li a:hover .date i{ color: #1a7f95;}

 
.home-add{ padding: 75px 0; background-image:url(../image/home_add_bg.jpg); }
.home-add .container{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center; }
.home-add .text{ color: #FFFFFF;}
.home-add .text h2{ font-size: 30px;}
.home-add .text span{ margin-top: 30px; display: block; font-size: 60px; margin-top: 20px;}
.home-add .button{ font-size: 24px; color: #222222; background: #FFFFFF; border-radius: 10px; padding: 25px 80px;}


@media (max-width:999px){
	/* ========== */
	/* = HOME = */
	/* ========== */
	.theme-center span{ font-size: 0.533333rem; letter-spacing:0.026666rem;}
	.theme-center h2{ font-size: 0.533333rem; letter-spacing:0.026666rem;}
	.theme-center p{ margin-top: 0.133333rem; font-size: 0.4rem;}
	.tab-div { margin-top: 0.8rem;}
	.tab-div span,
	.tab-div a{ font-size: 0.4rem; padding: 0 0.4rem;}
	.tab-div span:after,
	.tab-div a:after{ height: 0.4rem;}
	.more-button{ padding: 0.3rem 0.6rem; font-size: 0.37rem;}
	
	.home-formbox .formbox{ padding:0.533333rem 0; position: relative; transform: translateY(0%); -webkit-transform: translateY(0%);}
	.home-formbox .content{ padding:0.666666rem; }
	.home-formbox .tit{ font-size: 0.5rem; letter-spacing: 0.04rem;}
	.home-formbox .tit img{ width: 0.6rem;}
	.home-formbox .con{  margin-top: 0.533333rem; }
	.home-formbox .con .in{ width: 100%; margin-bottom: 0.3rem; padding-left:1.1rem; }
	.home-formbox .con .in i{ width:0.66rem; height: 0.66rem;}
	.home-formbox .con .in:nth-child(2) span{ font-size: 0.34rem; }
	.home-formbox .con .in:nth-child(4) span{ font-size: 0.34rem; }
	.home-formbox .con .button{  width: 100%; font-size: 0.4rem;}
	
	.home-about .left{ padding:1.2rem 0 0; width: 100%;}
	.home-about .right{ width: 100%; margin-left: 0; border: none; padding:0.8rem 0 1.2rem;}
	.home-about .right .des{ margin-top:0.4rem; font-size: 0.34rem; line-height: 0.62rem; }
	.home-about .right ul{ margin-top: 0.533333rem;}
	.home-about .right ul li{ width: 50%; margin-bottom:0.4rem;  font-size: 0.34rem;}
	.home-about .right ul li img{ width: 1.2rem;}
	.home-about .right .button{ text-align: center;}
	.home-about .right .button a{ margin: 0.533333rem 0.2rem 0; }
	
	.home-case{  padding-top: 1.2rem;}
	.home-case .letter{ display: none;}
	.home-case .js-tab-box{ margin-top: 0.1rem;}
	.home-case li{ margin-top:1rem; width: 100%;}
	.home-case li .box .text{ font-size: 0.38rem;} 
	.home-case li .box:hover .img:after,
	.home-case li .box:hover .img:before{ display: none;}
	.home-case li .box:hover .pop{ display: none;}
		 
	.home-service{  padding:  1.2rem 0;}
	.home-service .content{  margin-top: 0.666666rem; padding-top: 0.666666rem;}
	.home-service .content ul{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch;}
	.home-service .content li{  margin-bottom: 0.2rem; width:33%; height: 4rem;}
	.home-service .content li .box{ display: block; width: 100%;}
	.home-service .content li .box img{ width: 1.4rem;}
	.home-service .content li .box .line{ display: block; margin:0.133333rem auto 0.4rem; width: 0.4rem; }
	.home-service .content li .box p{ font-size: 0.34rem;}
	.home-service .content li.active{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:center; width: 33%; padding:0; text-align: center;}
	.home-service .content li.active:after{ display: block;}
	.home-service .content li.active .bg{ width: 0%;}
	.home-service .content li.active .box img:nth-child(1){ display: inline-block;}
	.home-service .content li.active .box img:nth-child(2){ display: none;}
	.home-service .content li.active .box .line{display: block;}
	.home-service .content li.active .box  p{ margin-top: 0; color: #000000; font-size: 0.34rem;}

	.home-process{ padding: 1.2rem 0;}
	.home-process ul{ margin-top: 0.533333rem;}
	.home-process ul:before{display: none;}
	.home-process li{ padding:0.4rem 0; width:30%;}
	.home-process li .ico{ width:1.1rem;}
	.home-process li p{ margin-top: 0.266666rem; font-size: 0.36rem;}
	.home-philosophy{ padding:  1.2rem 0;}
	.home-philosophy .theme-center p{ margin-left: 0.266666rem;}
	.home-philosophy ul{ margin-top: 0.533333rem; width: 100%;}
	.home-philosophy li{ margin-top:0.666666rem; width:44%;}
	.home-philosophy li span{ font-size: 0.42rem;}
	.home-philosophy li p{ font-size: 0.34rem; line-height: 0.62rem; }
	
	.home-news{ padding: 1.2rem 0;}
	.home-news .letter{ display: none;}
	.home-news .js-tab-box{ margin-top: 0.666666rem;}
	.home-news .content .box{ width: 100%;}
	.home-news .content .box span{ font-size: 0.4rem;}
	.home-news .content .box span:after{  width: 0.5rem; height: 0.5rem; }
	.home-news .content .box .tit{ margin-top:0.266666rem; font-size: 0.42rem; color: #222222;}
	.home-news .content .box .des{ margin-top: 0.266666rem; font-size: 0.32rem; line-height: 0.6rem;  height: 1.2rem; }
	.home-news .content .box .img{ margin-top: 0.533333rem;}
	.home-news .content ul{ width: 100%; } 
	.home-news .content li a{ padding:0.533333rem;}
	.home-news .content li span{ font-size: 0.4rem; }
	.home-news .content li p{ font-size: 0.34rem; line-height: 0.6rem; height: 1.2rem;  }
	.home-news .content li .date{ display:none; } 


	.home-news .list li{ float: left; width:100%; margin-right: 0; }
	.home-news .list li a{ padding:0.533333rem;}
	.home-news .list li span{ font-size: 0.4rem; }
	.home-news .list li p{ font-size: 0.34rem; line-height: 0.6rem; height: 1.2rem;  }
	.home-news .list li .date{ display:none; } 

	 
	.home-add{ padding: 1rem 0.4rem;}
	.home-add .text h2{ font-size: 0.44rem;}
	.home-add .text span{ margin-top: 0.4rem; font-size: 0.66rem; margin-top: 0.266666rem;}
	.home-add .button{ margin-top: 0.533333rem; font-size: 0.34rem; border-radius: 5px; padding: 0.4rem 0.666666rem;}
	 
}




/* ========== */
/* = NY = */
/* ========== */
.ny-banner{ position: relative;}
.ny-banner .text{ position: absolute; z-index: 2; top:50%; left:0; width: 100%; transform: translateY(-70%); -webkit-transform: translateY(-70%); color: #FFFFFF; text-align: center;}
.ny-banner .text h2{ font-size:60px; letter-spacing: 4px;  font-weight: 600;}
.ny-banner .text p{ margin-top: 20px; font-size: 30px; letter-spacing: 2px;}

.bread{ padding: 15px 0; border-bottom:1px solid #e5e5e5; font-size:12px; line-height: 30px;}
.bread a:first-child{ background: url(../image/ico_bread.png) no-repeat left; padding-left: 25px;}
.bread span{ color: #1a7f95;}

.page{ text-align: center; font-size: 0;}
.page ul li{ display: inline-block; vertical-align: middle;}
.page a,
.page span{ display: inline-block; vertical-align: middle; padding: 0 15px; min-width: 50px; margin: 0 4px;  border: 1px solid #c3c3c3; color: #333333; font-size: 14px; line-height: 38px; border-radius:6px;  -webkit-transition: all ease .3s;  transition: all ease .3s;}
.page a:hover,
.page li.active a,
.page li.active span{ background: #1a7f95; border: 1px solid #1a7f95; color: #FFFFFF;}
.page li.last{ margin-left: 20px;}
.page li.last em{  display: inline-block; font-size: 14px; color: #333333; margin: 0 7px;}
.page li.last input{ line-height: 38px; width: 50px; border: 1px solid #c3c3c3; font-size: 14px; text-align: center; border-radius:6px;}


/* ========== */
/* = CASE = */
/* ========== */
.case{  padding: 75px 0 15px; position: relative;}
.case .mao{ position: absolute; left:0; top:-100px; }
.case .letter{ position: absolute; top:10%; right:18%; font-size: 200px; font-weight:600; color: rgba(0,0,0,.05); text-transform: uppercase; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin:right top; -webkit-transform-origin:right top;}
.case-list{ margin: 10px 0 80px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:stretch; position: relative; z-index: 1;}
.case-list li{  margin-top: 30px; width: 33.33%; background:#FFFFFF; padding:10px;}
.case-list li .box{ display: block; color: #333333; }
.case-list li .img{ position: relative; overflow: hidden;}
.case-list li .img img{ width: 100%;}
.case-list li .img .pop{ position: absolute; transform: translateY(100%); -webkit-transform: translateY(100%); top:0; left:0; width: 100%; height: 100%; background:rgba(0,0,0,.5); display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center;  color: #FFFFFF; text-align: center; -webkit-transition: all ease .3s; transition: all ease .3s;}
.case-list li .img .pop .con{ width: 100%; letter-spacing: 2px;}
.case-list li .img .pop p{ font-size: 24px;}
.case-list li .img .pop span{ margin-top: 20px; display: inline-block; padding-right: 30px; position: relative; font-style: normal; font-size: 18px;}
.case-list li .img .pop span:after{ content: ""; position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right:0; width: 24px; height: 24px; background-image: url(../image/ico_more_white.png); background-size: cover;} 
.case-list li .tit{ padding: 18px 5px; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center; font-size: 18px;} 
.case-list li .tit span{ display: inline-block; width: 100%; padding-left: 10px; position: relative;}
.case-list li .tit span:before{content: ""; position: absolute; top:50%; left:0;  transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 2px; height: 18px; background: #1a7f95;}
.case-list li .tit i{ font-style: normal;}
.case-list li .des{ line-height: 24px; border-top: 1px solid #dddddd; padding-top: 10px; }
.case-list li .des span{ display: inline-block; margin-right:40px;}
.case-list li .des span:last-child{ margin-right: 0;}
.case-list li:hover{ -webkit-box-shadow:0 5px 20px rgba(0,0,0,.15); box-shadow:0 5px 20px rgba(0,0,0,.15);}
.case-list li:hover .img .pop{  transform: translateY(0%); -webkit-transform: translateY(0%); }
.case-list li:hover .tit{ color: #1a7f95;}

.hot-news{ padding: 70px 0 90px; background: #fcfcfc;} 
.hot-news .top{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.hot-news .top .theme-center{ text-align: left;}
.hot-news .top .theme-center span{ display: inline-block; font-size: 30px;}
.hot-news .top .theme-center p{ display: inline-block; margin-left: 20px;}
.hot-news-ul{ margin-top: 35px; padding-top: 30px; border-top: 1px solid rgba(0,0,0,.1); display: flex; flex-flow: wrap; justify-content: space-between; align-items:flex-start;}
.hot-news-ul li{ width: 23%; text-align:justify;}
.hot-news-ul li a{ display: block;}
.hot-news-ul li a .tit{ font-size: 18px; color: #222222;}
.hot-news-ul li a .des{ margin-top: 10px; line-height: 24px; height:72px; overflow: hidden;}
.hot-news-ul li a .date{ margin-top: 30px;  display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.hot-news-ul li a .date span{ color: #999999; position: relative; padding-left: 18px;}
.hot-news-ul li a .date span:before{ content: ""; position: absolute; top:50%; left:-3px; width: 20px; height: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-size: cover; background-image: url(../image/ico_time.png);}
.hot-news-ul li a .date i{ font-style: normal;}
.hot-news-ul li a:hover .tit{ color: #1a7f95;}
.hot-news-ul li a:hover .date i{ color: #1a7f95;}


/* ========== */
/* = CASE-DETAIL = */
/* ========== */
.case-detail{ padding: 55px 0 120px;}
.case-detail .container{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:flex-start;}
.case-detail .container a  {color: #1a7f95;}
.case-detail .container h2{
    background: #1a7f95;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #FFFFFF;
    font-family:"微软雅黑", "宋体", "黑体", Arial;
    font-size: 18px;
    font-weight: bold;
    height: 35px;
    line-height: 20px;
    margin: 18px 0 !important;
    padding: 8px 0 8px 5px;
    text-shadow: 2px 2px 3px #222222;
}
.case-detail .left{ width: 67%;}
.case-detail .left .title{ padding-right: 20px; position: relative; line-height: 40px;}
.case-detail .left .title h1{ font-size: 26px; letter-spacing: 3px; font-weight: 600; color: #000000;}
.case-detail .left .title .date{ position: absolute; color: #333333; top:0; right:0; display: inline-block; padding-left: 22px;}


.case-detail .left .title .date:before{ content: ""; position: absolute; top:50%; left:-3px; width: 24px; height: 24px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-size: cover; background-image: url(../image/ico_date2.png);}
.case-detail .left .source{ margin-top: 30px;}
.case-detail .left .source span{ margin-right: 40px; font-size: 16px; line-height: 30px; display: inline-block; padding-left: 30px; position: relative;}
.case-detail .left .source span:before{ content: ""; position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left:0; width: 24px; height: 24px; background-size:cover;}
.case-detail .left .source .span-01:before{ background-image: url(../image/ico_case_01.png);}
.case-detail .left .source .span-02:before{ background-image: url(../image/ico_case_02.png);}
.case-detail .left .source .span-03:before{ background-image: url(../image/ico_case_03.png);}
.case-detail .detail{ margin-top: 20px; padding: 50px 0 75px; border-top: 1px solid rgba(0,0,0,.2); border-bottom: 1px solid rgba(0,0,0,.2); font-size: 16px; line-height: 30px; text-align: justify; color: #333333;}
.case-detail .detail .font-24{ font-size: 24px;}
.case-detail .detail .mt15{ margin-top: 15px;}
.case-detail .flip{ margin-top: 30px;  display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.case-detail .flip a{ max-width: 48%; color: #333333; font-size: 16px;}
.case-detail .flip a:hover{ color: #1a7f95;}
.case-detail .right{ width:28.5%;}
.case-detail .right .theme{ color: #222222; font-size: 20px; padding: 20px 0; border-bottom: 1px solid rgba(0,0,0,.2); font-weight: 600;}
.right-new-list li{ margin-top: 18px;}
.right-new-list li a{  display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.right-new-list li .img{ width:38%; overflow: hidden;}
.right-new-list li .img img{ width: 100%;}
.right-new-list li .text{ width: 56%;}
.right-new-list li .text .tit{ color: #333333;}
.right-new-list li .text .date{ margin-top: 6px; color: #999999; font-size: 12px; position: relative; padding-left: 18px;}
.right-new-list li .text .date:before{ content: ""; position: absolute; top:50%; left:-3px; width: 20px; height: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-size: cover; background-image: url(../image/ico_time.png);}
.right-new-list li .text span{ margin-top: 20px; display: block; }
.right-new-list li a:hover .tit{ color: #1a7f95;}
.right-new-list li a:hover span{ color: #1a7f95;}

/* ========== */
/* = NEWS = */
/* ========== */
.news{ padding: 55px 0 150px; position: relative;}
.news .tab-div{ margin-top: 0;}
.news-list{ margin: 40px 0 75px;}
.news-list li { padding: 28px;}
.news-list li .box{ padding-right: 140px; padding-left: 300px; height: 144px;  display: flex; flex-flow: wrap; justify-content: space-between; align-items:center; position: relative;}
.news-list li .box .img{ position: absolute; top:50%; left:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 240px;}
.news-list li .box .text{ width: 100%; border-left: 1px solid #a3ccd5; padding-left:5%;}
.news-list li .box .text .tit{ font-size: 24px; color: #222222;}
.news-list li .box .text .des{ margin-top: 20px; font-size: 16px; line-height: 32px; height: 64px; overflow: hidden; text-align: justify;}
.news-list li .box .date{ position: absolute; top:50%; right:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 120px; text-align: center; color: #999999;}
.news-list li .box .date span{ font-size: 64px; }
.news-list li .box .date p{ font-size: 18px;}
.news-list li .box .date i{ margin-top:15px; display: inline-block; width: 50px; height: 30px; background-size: cover; background-image: url(../image/ico_news_arrows.png); background-position: right center;}
.news-list li:hover{ -webkit-box-shadow:0 5px 20px rgba(0,0,0,.15); box-shadow:0 5px 20px rgba(0,0,0,.15);}
.news-list li:hover .text .tit{ color: #1a7f95;}
.news-list li:hover .date{ color: #1a7f95;}
.news-list li:hover .date i{ width: 70px; background-image: url(../image/ico_news_arrows2.png);}
  
.news-tip-box{ padding: 35px 0; background:#f8f8f8 ;}
.news-tip-box .tit{ font-size: 20px; color: #333333; font-weight: 600;}
.news-tip-box .text{ font-size: 16px; line-height: 32px; color: #333333; margin-top: 20px;} 
  
.news-tip-bottom{ margin-top: 70px;}
.news-tip-bottom span{ font-size: 16px;  color: #333333;}
.news-tip-bottom a{ margin-bottom: 18px; margin-right: 15px; padding: 0 12px; display: inline-block; border: 1px solid #dddddd; line-height: 30px; border-radius: 3px;}
.news-tip-bottom a:hover{ border: 1px solid #1a7f95; color: #1a7f95;}  
  
.news-tip-con{ margin-top: 20px; margin-right: -10px;}
.news-tip-con a{ margin-bottom: 10px; margin-right: 10px; padding: 0 12px; color: #333333; display: inline-block; border: 1px solid #dddddd; line-height: 30px; border-radius: 3px;}
.news-tip-conn a:hover{ border: 1px solid #1a7f95; color: #1a7f95;}


/* ========== */
/* = ABOUT = */
/* ========== */
.about-box{ padding: 60px 0 115px; position: relative;}
.about-box .letter{ position: absolute; top:6%; right:-20px; font-size: 160px; font-weight:600; color: rgba(0,0,0,.03); text-transform: uppercase;}
.about-box .content{ margin-top: 50px; position: relative; z-index:1;  display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.about-box .content .text{  width: 50%; text-align: justify; color: #222222; }
.about-box .content .text h2{ font-size: 24px; font-weight: 600;}
.about-box .content .text .des{ margin-top: 30px; font-size: 16px; line-height: 32px;}
.about-box .content .img{ width: 46%;}
.about-box ul{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch; border-top: 1px solid #e5e5e5; }
.about-box li{ margin-top: 50px; width: 47%; line-height: 30px; text-align: justify; position: relative;}
.about-box li h3{ margin-bottom: 10px; position: relative; padding-bottom: 15px; font-size: 20px; color: #222222;}
.about-box li h3:after{ content: ""; position: absolute; bottom: 0; left:0; width: 40px; height: 1px; background: #1a7f95;}
.about-box li span{ position: absolute; top:0; right:0; font-size: 60px; color: rgba(0,0,0,.05); font-weight:600;}
.about-advantage{ padding: 60px 0 70px; background: #f8f8f8;}
.about-advantage ul{ margin-top: 30px; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center; font-size: 18px; text-align: center; color: #222222;}
.about-advantage .line{ margin-top: 20px; width: 1px; height: 117px; background: #dfdfdf;}
.honor-box{ padding: 70px 0; position: relative;}
.honor-box .letter{ position: absolute; top:12%; left:-20px; font-size: 160px; font-weight:600; color: rgba(0,0,0,.03); text-transform: uppercase;}
.honor-box .content{ position: relative;}
.honor-box .swiper-button-next{ right:-120px;}
.honor-box .swiper-button-prev{ left:-120px;}
.honor-box .text{ margin:30px auto 0; max-width: 700px; font-size: 18px; line-height: 36px; text-align: center; color: #222222;}
.swiper-honor{  margin: 55px -17px 0;}
.swiper-honor .swiper-slide{ padding: 0 17px;}
.swiper-honor .img{ border: 1px solid #e6e6e6; border-radius: 6px; overflow: hidden; padding:10%; background:#FFFFFF;}
.customer-box{ padding: 80px 0 110px;}
.customer-box ul{ margin-top: 20px; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.customer-box li{ margin-top: 2.4%; width: 18%; border: 1px solid #e6e6e6; border-radius: 4px; overflow: hidden;}

@media (max-width:1680px){
	.honor-box .swiper-button-next{ right:-78px;}
	.honor-box .swiper-button-prev{ left:-78px;}
}

/* ========== */
/* = SERVICE = */
/* ========== */
.mao{ position: absolute; top:-101px; left:0;}
.service-bg{ background-image: url(../image/service_bg.jpg);}
.service-design{ position: relative; border-bottom:1px solid #dddddd;}
.service-design .letter{ position: absolute; top:6%; right:-5%; font-size: 160px; font-weight:600; color: rgba(0,0,0,.03); text-transform: uppercase;}
.service-design .theme-center{ position: absolute; top:55px; left:0; width: 100%;}
.service-design .container{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:center; }
.service-design .left{ padding:180px 0 120px; width: 44%; position: relative; z-index: 1;}
.service-design .left .img {  position: relative;}
.service-design .left .img:after{ content: ""; position: absolute; top:10px; left:10px; width: 100%; height: 100%; background: #1a7f95;}
.service-design .left .img img{ position: relative; z-index: 1; width: 100%;}
.service-design .right{ padding:210px 0 150px; margin-left: -14%; width: 70%; border-left:1px solid #dddddd; padding-left: 20%; font-size: 16px; line-height: 32px; color: #222222; text-align: justify;}
.service-design .right span{ font-weight: 600;}

.service-concept{ position: relative; padding: 120px 0 80px;}
.service-concept ul{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch;}
.service-concept li{ margin-top: 50px; width: 31%; background: #fafafa; padding: 30px; position: relative; overflow: hidden; cursor: pointer;}
.service-concept li i{ font-style: normal; position: absolute; bottom: -17%; right:5%; font-size: 200px; line-height:200px; color:rgba(255,255,255,.1);}
.service-concept li span{ padding-bottom: 15px; display: block; font-size: 24px; color: #000000; position: relative;}
.service-concept li span:after{ content: ""; position: absolute; bottom: 0; left:0; width: 40px; height: 1px; background: #8abcc7;}
.service-concept li p{ margin-top: 10px; font-size: 16px; line-height: 32px; color: #333333; text-align:justify;}
.service-concept li:hover{ background: #1a7f95;}
.service-concept li:hover span{ color: #FFFFFF;}
.service-concept li:hover span:after{ background: rgba(255,255,255,.2);}
.service-concept li:hover p{ color: #FFFFFF;}
.service-concept .text{ margin-top: 60px; color: #333333; text-align: center; font-size: 24px;}

.service-assurance{ position: relative; padding-top: 10px; background: #f8f8f8;}
.service-assurance .letter{ position: absolute; top:6%; left:0; font-size: 160px; font-weight:600; color: rgba(0,0,0,.03); text-transform: uppercase;}
.service-assurance ul{ position: relative; z-index: 1; display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch;}
.service-assurance li{ margin-top: 60px; width: 20%; cursor: pointer; padding: 17% 0; color: #FFFFFF; text-align: center;  display: flex; flex-flow: wrap; justify-content: space-between; align-items:center; position: relative; letter-spacing: 2px;}
.service-assurance li:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #000; opacity: .7;}
.service-assurance li .con{ width: 100%; padding: 0 10%; position: relative; z-index: 1;}
.service-assurance li .tit{ position:relative; font-size: 25px; padding-bottom: 18px;}
.service-assurance li .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -20px; width: 40px; height: 1px; background:rgba(255,255,255,.4);}
.service-assurance li .des{ display: none; margin-top: 18px; font-size: 18px; line-height: 36px; height: 72px; overflow: hidden;}
.service-assurance li.active{ width: 40%;}
.service-assurance li.active:after{ opacity: .3;}
.service-assurance li.active .des{ display: block;}


/* ========== */
/* = CONTACT = */
/* ========== */
.contact .content{ position: relative; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.contact .map-box{ margin-left: -26%; position:relative; width:80%; height:760px; overflow: hidden;}
.contact .map-box img{ max-width:1000%;}
.contact .map-box .allmap{ width:100%; height: 100%; position: absolute; left: 0; top:0;} 
.contact .map-box .anchorBL{ display: none; }
.contact-info{ width:42%;}
.contact-info .row{ padding: 22px 0 12px; border-bottom: 1px solid #e5e5e5; line-height:40px; display: flex; flex-flow: wrap; justify-content: flex-start; align-items:center; font-size: 16px;}
.contact-info .row i{ display: inline-block; width: 10%;}
.contact-info .row i img{ margin: 0;}
.contact-info .row span{ display: inline-block; width:20%; font-size: 18px; color: #222222;}
.contact-info .row p{ width: 70%;}
.contact-info .row a:hover{  color: #1a7f95;}
.contact-info .erweima-div{ margin-top: 60px; display: flex; flex-flow: wrap; justify-content: flex-start; align-items:center;}
.contact-info .erweima-div span{ margin-right: 40px; display: block; border: 1px solid #dddddd;}
.contact-info .erweima-div div p{ margin-top: 10px; font-size: 18px;}
.contact-info .erweima-div div i{ display: block; font-size: 24px; color: #1a7f95; font-style: normal;}


@media (max-width:999px){
	
	/* ========== */
	/* = NY = */
	/* ========== */
	.ny-banner .text h2{ font-size:0.42rem; letter-spacing:0.053333rem; }
	.ny-banner .text p{ margin-top: 0.2rem; font-size: 0.32rem; letter-spacing: 0.04rem;}
	
	.page a,
	.page span{  padding: 0 0.2rem; min-width: 0.7rem; margin:0.1rem; font-size: 0.34rem; line-height: 0.7rem; }
	.page li.last{ margin-left: 0.5rem;}
	.page li.last em{  font-size: 0.36rem; margin: 0 0.22rem;}
	.page li.last input{ width: 1.333333rem; font-size: 0.34rem; line-height: 0.7rem; }
	
	/* ========== */
	/* = CASE = */
	/* ========== */
	.case{  padding: 1.2rem 0;}
	.case .mao{ top:-1.4rem; }
	.case .letter{ display: none;}
	.case-list{ margin: 0.266666rem 0 1rem;}
	.case-list li{  width: 100%;}
	
	.hot-news{  padding: 1.2rem 0 0.5rem;} 
	.hot-news .top .theme-center span{font-size: 0.533333rem;}
	.hot-news .top .theme-center p{ margin-left:0.266666rem;}
	.hot-news-ul{ margin-top: 0.666666rem;}
	.hot-news-ul li{ margin-bottom:0.8rem; width: 100%;}
	.hot-news-ul li a .date{ margin-top: 15px; }
	
	/* ========== */
	/* = CASE-DETAIL = */
	/* ========== */
	.case-detail{ padding: 1.2rem 0;}
	.case-detail .left{ width: 100%;}
	.case-detail .left .title{ padding-right: 0; line-height: 0.666666rem;}
	.case-detail .left .title h1{ font-size: 0.5rem; letter-spacing: 0.04rem;}
	.case-detail .left .title .date{ margin-top: 0.2rem; position: relative; top:auto; right:auto;}
	.case-detail .left .source{ margin-top: 0.4rem;}
	.case-detail .left .source span{ margin-right:0; display: block; padding-left: 0.533333rem; font-size: 0.32rem; line-height: 0.6rem;}
	.case-detail .left .source span:before{ width: 0.4rem; height: 0.4rem;}
	.case-detail .detail{ padding: 1rem 0; font-size: 0.34rem; line-height: 0.62rem; }
	.case-detail .detail .font-24{ font-size: 0.4rem }
	.case-detail .flip a{ max-width: 100%; width: 100%; font-size: 0.34rem; line-height: 0.8rem; }
	.case-detail .right{ width: 100%; margin-top: 1rem;}
	.right-new-list li{ margin-top: 18px;}
	.right-new-list li .text span{ margin-top: 10px;}
	
	/* ========== */
	/* = NEWS = */
	/* ========== */
	.news{ padding: 1.2rem 0;}
	.news-list{ margin: 0.8rem 0;}
	.news-list li { padding: 0.4rem;}
	.news-list li .box{ padding-right: 0; padding-left:3.4rem; height:2rem;}
	.news-list li .box .img{ width: 3rem;}
	.news-list li .box .text .tit{ font-size: 0.38rem; }
	.news-list li .box .text .des{ margin-top: 0.12rem; font-size: 0.32rem; line-height: 0.54rem; height: 1.08rem;}
	.news-list li .box .date{ display: none;}

	.news-tip-bottom{ margin-top: 0.8rem;}
	.news-tip-bottom span{ font-size: 0.34rem;}
	.news-tip-bottom a{ margin-bottom: 0.16rem; margin-right: 0.16rem; padding: 0 0.3rem;}
	.news-tip-con{ margin-top: 0.266666rem; margin-right: -0.16rem;}
	.news-tip-con a{ margin-bottom: 0.16rem; margin-right: 0.16rem; padding: 0 0.3rem;}
	
	/* ========== */
	/* = ABOUT = */
	/* ========== */
	.about-box{ padding: 1.2rem 0;}
	.about-box .letter{display: none;}
	.about-box .content{ margin-top: 0.666666rem;}
	.about-box .content .text{  width: 100%; }
	.about-box .content .text h2{ font-size: 0.4rem;}
	.about-box .content .text .des{ margin-top: 0.4rem; font-size: 0.34rem; line-height: 0.62rem;}
	.about-box .content .img{ width: 100%; margin-top: 0.533333rem;}
	.about-box li{ margin-top:0.8rem; width: 100%; font-size: 0.34rem; line-height: 0.62rem;}
	.about-box li h3{ font-size: 0.4rem; }
	.about-box li span{ font-size: 0.7rem;}
	.about-advantage{ padding: 1.2rem 0;}
	.about-advantage ul{ margin-top: 0.4rem; font-size: 0.346666rem;}
	.about-advantage li{ width: 40%;}
	.about-advantage li:nth-child(4){ display: none;}
	.about-advantage img{ width: 1.2rem;}
	.about-advantage .line{ margin-top:0.266666rem; width: 1px; height:1.8rem; }
	.honor-box{ padding: 1.2rem 0;}
	.honor-box .swiper-button-next{ right:0;}
	.honor-box .swiper-button-prev{ left:0;}
	.honor-box .content{ padding: 0 0.8rem;}
	.honor-box .text{ margin:0.4rem auto 0; font-size: 0.34rem; line-height: 0.62rem;}
	.swiper-honor{  margin: 0.666666rem 0 0;}
	.swiper-honor .swiper-slide{ padding: 0 0.133333rem;}
	.customer-box{ padding: 1.2rem 0;}
	.customer-box li{ width: 32%; }
	
	/* ========== */
	/* = SERVICE = */
	/* ========== */
	.mao{ top:-1.4rem; }
	.service-design{ padding: 1.2rem 0;}
	.service-design .letter{ display: none;}
	.service-design .theme-center{ position: relative; top:auto;}
	.service-design .left{ padding:1rem 0; width: 100%;}
	.service-design .right{ padding: 0; margin: 0; border: none; width: 100%; font-size: 0.34rem; line-height: 0.62rem;}
	
	.service-concept{ padding:  1.2rem 0;}
	.service-concept li{ margin-top: 0.666666rem; width: 100%;}
	.service-concept li i{ font-size: 2.666666rem; line-height:3rem;}
	.service-concept li span{ font-size: 0.4rem;}
	.service-concept li p{font-size: 0.34rem; line-height: 0.62rem;}
	.service-concept .text{ margin-top: 0.8rem; font-size: 0.4rem;}
	
	.service-assurance{ padding-top: 1.2rem; }
	.service-assurance .letter{display: none;}
	.service-assurance li{ margin-top: 0.8rem;  letter-spacing: 0.01rem;}
	.service-assurance li .tit{ font-size:0.34rem; padding-bottom: 0.4rem;}
	.service-assurance li .tit:after{  margin-left: -15px; width: 30px;}
	.service-assurance li .des{ margin-top: 0.266666rem; font-size: 0.266666rem; line-height:0.5rem; height: 1rem;}
	
	
	/* ========== */
	/* = CONTACT = */
	/* ========== */
	.contact .container{ padding: 0 0 1rem;}
	.contact .map-box{ margin-left: 0%; width:100%; height:7rem; }
	.contact-info{ margin-top: 0.666666rem; width:100%; padding:0 0.666666rem;}
	.contact-info .row{ padding: 0.4rem 0 0.2rem; line-height:0.8rem; font-size: 0.34rem; }
	.contact-info .row i img{ width:0.7rem;}
	.contact-info .row span{ font-size: 0.34rem; }
	.contact-info .erweima-div{ margin-top: 0.8rem;}
	.contact-info .erweima-div span{ margin-right: 0.4rem; width: 2.6rem; }
	.contact-info .erweima-div div p{ margin-top:0.133333rem; font-size:0.34rem;}
	.contact-info .erweima-div div i{  font-size: 0.46rem;}
	
	
	
}


/* ========== */
/* = CHANNEL = */
/* ========== */
.channel-add{ margin-top:80px;}
.channel{ padding: 80px 0 120px;}
.key-channel{ border: 1px solid #eee; border-radius: 12px; padding-bottom: 30px; overflow: hidden;}
.key-channel .theme{ border-bottom: 1px solid #ebebeb; line-height: 60px; padding: 0 20px; background: #f8f8f8; font-size: 24px; color: #1a7f95; font-weight: bold; }
.key-channel .content{ margin-top: 35px; padding: 0 40px 0 20px; height:670px; position: relative;}
.key-channel .letter-div{ position: absolute; top:0; right:15px; text-align: center;}
.key-channel .letter-div a{ display: block; line-height: 24px; font-size: 16px;}
.key-channel .list li { padding-bottom: 20px; position: relative;}
.key-channel .list li .mao{ position: absolute; top:-160px; left:0;}
.key-channel .list li .tit{ font-weight: bold; font-size: 50px; line-height: 50px; color: #000000;  padding-bottom: 20px; border-bottom: 1px solid #eeeeee;}
.key-channel .list li .con{ margin-top: 20px; font-size: 0;}
.key-channel .list li .con a{ margin-right: 8px; margin-bottom: 8px; display: inline-block; border: 1px solid #EEEEEE; border-radius: 5px; line-height: 30px; font-size: 14px; color: #999; padding: 0 10px;}
.key-channel .list li .con a:hover{ color: #1a7f95; border: 1px solid #1a7f95;}
.key-channel .scrollBox{ height: 680px;}
.zl-scrollBarBox{ height:100%; position:absolute; background:#e4e4e4; border-radius: 4px;}
.zl-scrollBar{ position:absolute; left:0; top:0;  background:#aaaaaa; border-radius: 4px; transition:background 0.3s; cursor: pointer;}
.zl-scrollBar.zl-verticalBar{ min-height:10px;}
.zl-scrollBar.zl-horizontalBar{  min-width:10px;}
.zl-scrollContentDiv{  position:relative !important;  width:100% !important;  height:100% !important;  padding:0 !important; margin:0 !important; top:0;  left:0;}

@media (max-width:999px){
	/* ========== */
	/* = CHANNEL = */
	/* ========== */
	.channel-add{ margin-top:0;}
	.channel{ padding: 1rem 0;}
	.key-channel .theme{ font-size:18px; line-height: 50px; }
	.key-channel .content{  height:300px; overflow-y: scroll;}
	.key-channel .list li .tit{ font-size: 24px; line-height: 40px;}
	.key-channel .list li .mao{ top:-1.5rem;}
}



.hot-news-list{ border-top: 1px solid #c6c6c6; margin-top: 23px;}
.hot-news-list li{ float: left; margin-top: 40px; width: 48%; margin-right: 4%;}
.hot-news-list li:nth-child(2n){ margin-right: 0;}
.hot-news-list .box{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.hot-news-list .box .img{ width: 30%;}
.hot-news-list .box .text{ width: 65%; padding-left: 3%; border-left: 1px solid #a3ccd5;}
.hot-news-list .box .text .tit{ font-size: 18px; color: #222222;}
.hot-news-list .box .text .des{ margin-top: 8px; color: #333333; line-height: 24px; height: 48px; overflow: hidden;}
.hot-news-list .box .text .date{ margin-top: 6px;  display: flex; flex-flow: wrap; justify-content: space-between; align-items:center; color: #666666;}
.hot-news-list .box .text .date span{ position: relative; font-size: 12px; padding-left: 18px;}
.hot-news-list .box .text .date span:before{ content: ""; position: absolute; top:50%; left:-3px; width: 20px; height: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-size: cover; background-image: url(../image/ico_time.png);}
.hot-news-list .box .text .date i{ font-style: normal;}
.hot-news-list .box:hover .text .tit{  color: #1a7f95;}

@media (max-width:999px){
	.hot-news-list li{ width: 100%; margin-right: 0;}
	.hot-news-list .box .text .tit{ font-size: 0.32rem;}
	.hot-news-list .box .text .des{ font-size: 0.28rem; line-height: 0.4rem; height: 0.8rem;}
	.hot-news-list .box .text .date{ font-size: 0.28rem;}
	.hot-news-list .box .text .date span{ font-size: 0.28rem;}
}